<? $this->load->view('includes/header')?>
<div class="row">
	<div class="span3">
	<!-- start sidebar -->
		<div style="width:175px;display:block;padding:10px 15px;border:1px solid #DDD;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);">
			<h3 style="text-align:center;">Nama Alumni<br/><small>Panggilan Alumni</small></h3>
			<p></p>
			<div style="width:175px;">
				<img src="/assets/img/preview.jpg" alt="preview" title="preview" width="175" height="175" style="height:175px;margin:0px;max-width:175px;min-width:175px;border-radius:100px;vertical-align:middle;"><hr>
				<p><a href="#"><i class="icon-remove"></i> Alumni</a></p>
				<p><a href="#"> @alumni</a></p>
			</div>
		</div>
	<!-- end sidebar -->
	</div><!-- span3 -->
	
	<div class="span9">
		<div class="row">
			<div class="span9"><h2>Data Alumni</h2></div>
		</div>
		<div class="tabbable tabs-below"> <!-- Only required for left/right tabs -->
		  <ul class="nav nav-tabs">
		    <li class="active"><a href="#tab1" data-toggle="tab">Biodata</a></li>
		    <li><a href="#tab2" data-toggle="tab">Karir</a></li>
		    <li><a href="#tab3" data-toggle="tab">Lain-lain</a></li>
		  </ul>
		  <div class="tab-content">
		    <div class="tab-pane active" id="tab1">
		    	<h3>Biodata Alumni</h3>
		    	<p>Lorem ipsum dolor sit amet:</p>
		    	<ol>
            <li>Login menggunakan akun Internet Banking</li>
            <li>Masuk ke menu <code><b>Pembayaran Telepon</b></code>, kemudian pilih <code><b>Penyedia Jasa Telepon</b></code></li>
            <li>
            	<p>Masukkan<br/>
            	<code><b>Kode Area: 0195</b></code><br/>
            	<code><b>Nomor Telepon:</b> Angka dibelakang <b>195</b> dari <b>Payment Code</b></code></p>
            	<p>Contoh: Jika Payment Code: <code>195970000000</code>, maka kode area: <code>0195</code>, Nomor Telepon: <code>970000000</code></p>
            </li>
            <li>Lanjutkan transaksi...</li>
          </ol>
		      <a class="btn btn-primary" data-toggle="modal" href="#buy">Generate Code</a>

		    </div>
		    <div class="tab-pane" id="tab2">
		    	<h3>Purchase Using Telkomsel Pulsa</h3>
		    	<p>Cara melakukan pembayaran menggunakan Telkomsel Pulsa:</p>
		    </div>
		    <div class="tab-pane" id="tab3">
		    	<h3>Purchase Using Telkom Delima</h3>
		    	<p>Cara melakukan pembayaran melalui Telkom Delima:</p>
		      <button class="btn btn-primary" href="#">Purchase</button>
		    </div>
		  </div><!-- tab-content -->
		</div><!-- tabbable -->
	</div><!-- span9 -->
</div><!-- row -->

<? $this->load->view('includes/footer')?>